<?php	$cakeDescription = __d('cake_dev', 'SIRCEA');	?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="application-name" content="SIRCEA">
	<meta name="description" content="Sistema de Registro y Control de Eventos Académicos">
	<meta name="keywords" content="sircea, registro, eventos, sistemas, fisi, unmsm, san marcos, bootstrap, html5">
	<meta name="author" content="Alan Gabriel Perales Vallejos">
	<meta name="author" content="alangabriel1104@gmail.com">
	<meta name="author" content="Jose Daniel Barbu Flores">
	<meta name="author" content="joseyy22@gmail.com">
	<title>
		<?php echo $cakeDescription ?>:
		<?php echo $title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('icon');

		/* Bootstrap CSS */
		echo $this->Html->css('bootstrap');
		echo $this->Html->css('bootstrap-theme');
		/* datatables Bootstrap */
		echo $this->Html->css('DT_bootstrap');

		/* jQuery 1.9.1 */
		echo $this->Html->script('jquery-1.9.1');
		/* Bootstrap JS */
		echo $this->Html->script('bootstrap');
		/* datatables */
		echo $this->Html->script('jquery.dataTables');
		/* datatables Bootstrap */
		echo $this->Html->script('DT_bootstrap');

		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
<style>
	@font-face {
	    font-family: 'StagSansLight';
	    src: url('../css/fonts/stagsans-light-webfont-webfont.eot');
	    src: url('../css/fonts/stagsans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../css/fonts/stagsans-light-webfont-webfont.woff') format('woff'),
	         url('../css/fonts/stagsans-light-webfont-webfont.ttf') format('truetype'),
	         url('../css/fonts/stagsans-light-webfont-webfont.svg#stag_sanslight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
.detalleTitle { font-size:35px; line-height: 1.2; }
.detalleSubtitle { font-family:'StagSansLight'; font-size:18px; color: #777; }
.carousel {
	height: 20%;
	margin-top: 50px;
}
</style>
<script>
$('.carousel').carousel({
  interval: 5000
})
</script>
</head>
<body>
	<div id="container" style="height: 100%">
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="inicio">SIRCEA</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
          	<li <?php if($menu == 'inicio'){ echo('class="active"'); } ?>><a href="inicio">Inicio</a></li>
            <li <?php if($menu == 'eventos'){ echo('class="active"'); } ?>><a href="eventos">Eventos</a></li>
            <li <?php if($menu == 'contacto'){ echo('class="active"'); } ?>><a href="contacto">Contacto</a></li>
            <li><a href="#myModal" data-toggle="modal">Iniciar Sesión</a></li>
            <li><a href="#">Foro</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>
    <div style="<?php if($menu != 'contacto'){ echo('display:none;'); } ?>margin-top:50px;">
      <iframe width="100%" height="290px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=-8.0625,-75.677068&amp;spn=56.506174,79.013672&amp;t=m&amp;z=4&amp;output=embed"></iframe>
    </div>
    <div id="carousel" class="carousel slide" data-ride="carousel" <?php if($menu != 'inicio'){ echo('style="display:none"'); } ?>>
	  <!-- Indicators -->
	  <ol class="carousel-indicators">
	    <li data-target="#carousel" data-slide-to="0" class="active"></li>
	    <li data-target="#carousel" data-slide-to="1"></li>
	    <li data-target="#carousel" data-slide-to="2"></li>
	  </ol>
	
	  <!-- Wrapper for slides -->
	  <div class="carousel-inner">
	    <div class="item active">
	      <img src="http://upload.wikimedia.org/wikipedia/commons/7/71/CCSM-UNMSM_Casona_de_San_Marcos_y_Parque_Univesitario.jpg" style="height: 450px;width: 100%;">
	      <!--img src="http://placehold.it/1900x600&text=Slide One" alt="..."-->
	      <div class="carousel-caption">
	        <h3>Title</h3>
	    	<p>descripcion de la imagen 1</p>
	      </div>
	    </div>
	    <div class="item">
	      <img src="http://upload.wikimedia.org/wikipedia/commons/b/b1/Unmsm_facultaddeingenieriadesistemaseinformatica1.JPG" style="height: 450px;width: 100%;">
	      <!--img src="http://placehold.it/1900x600&text=Slide Two" alt="..."-->
	      <div class="carousel-caption">
	        <h3>Title</h3>
	    	<p>descripcion de la imagen 2</p>
	      </div>
	    </div>
	    <div class="item">
	      <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/UNMSM_P1000084.jpg/1280px-UNMSM_P1000084.jpg" style="height: 450px;width: 100%;">
	      <!--img src="http://placehold.it/1900x600&text=Slide Three" alt="..."-->
	      <div class="carousel-caption">
	        <h3>Title</h3>
	    	<p>descripcion de la imagen 3</p>
	      </div>
	    </div>
	  </div>
	
	  <!-- Controls -->
	  <a class="left carousel-control" href="#carousel" data-slide="prev">
	    <span class="glyphicon glyphicon-chevron-left"></span>
	  </a>
	  <a class="right carousel-control" href="#carousel" data-slide="next">
	    <span class="glyphicon glyphicon-chevron-right"></span>
	  </a>
	</div>

	<div id="content">
		<div style="width:90%;margin:0 auto -20px auto;text-transform:uppercase;" ><?php echo $this->Session->flash(); ?></div>
		<div class="container" style="margin:40px auto">
			<?php echo $this->fetch('content'); ?>
		</div>
	</div>

	<div id="footer">
			<nav class="navbar navbar-inverse navbar-static-bottom" role="navigation" style="min-height:40px;margin:0;border-radius:0;">
				<div style="width:100%;margin:auto;">
					<div class="collapse navbar-collapse" style="text-align:center;" >
						<ul class="nav navbar-nav" style="width:100%">
							<li style="width:100%">
								<a href="#" style="padding:10px;">
									<span>Facultad de Ingeniería de Sistemas e Informática - UNMSM Copyright © 2013. Todos los Derechos Reservados</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
	<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
	<div class="modal-content">
	  <form class="form-horizontal" role="form">
		<div class="modal-header" style="padding: 0 10px;">
	      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	      <h3 id="myModalLabel" style="color: #428bca;">Iniciar Sesión</h3>
		</div>
		<div class="modal-body">
	      <div class="form-group">
	    	<label for="inputEmail3" class="col-sm-2 control-label">Usuario</label>
	    	<div class="col-sm-10">
	      		<input type="text" class="form-control" id="inputEmail3" placeholder="Usuario">
	      	</div>
	      </div>
	      <div class="form-group">
	    	<label for="inputPassword3" class="col-sm-2 control-label">Contraseña</label>
	    	<div class="col-sm-10">
	          <input type="password" class="form-control" id="inputPassword3" placeholder="Contraseña">
	    	</div>
	      </div>
	      <div class="form-group" style="margin: -10px -15px 0 -15px;">
	    	<label class="col-sm-10 control-label" style="float: right"><a href="#">¿Olvidó su contraseña?</a></label>
	      </div>
	    </div>
		<div class="modal-footer" style="padding: 10px 20px 0 0; margin-top: 0;">
	      <div class="form-group" style="margin-bottom:10px;">
	        <div class="col-sm-offset-2 col-sm-10">
	          <button type="submit" class="btn btn-info">Entrar</button>
	        </div>
	      </div>
		</div>
	  </form>
	</div>
	</div>
	</div>
	<?php echo $this->element('sql_dump'); ?>
</body>
</html>
